html, body, #app {
  height: 100%;
}
#lineItem{
  height: 100%;
  background-color: #f7f7f7;
  .lineitem{
    margin-top: 10px;
    background-color:white;
    padding:15px 0px 15px 15px;
    font-size: 13px;
    color: #545454;
  }
  .productList{
    margin-top:10px;
    padding:0 15px;
    background-color:white;
    ul{
      last-child{
        border-bottom: none;
      }
      li{
        padding:10px 0;
        list-style: none;
        border-bottom: 1px solid #e6e6e6;
      }
    }
  }
  .top{
    color:#404040;
    overflow: hidden;
    .left{
      font-size:13px;
      float: left;
      width: 50%;
      p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
    }
    .right{
      font-size:13px;
      text-align: right;
      float:right;
      width: 50%;
      .productNum{
        color: #999999;
      }
    }
  }
  .bottom{
    color: #404040;
    padding-top: 4px;
    color: #999999;
    font-size: 12px;
  }
  .expenditure{
    margin-top:10px;
    padding:10px 15px;
    background-color:white;
    font-size:13px;
    color: #999999;
    .clear{
      overflow:hidden;
    }
    .actualOutlay{
      color: #404040;
      font-size:14px;
    }
    .left{
      float: left;
    }
    .right{
      float: right;
    }
  }
}
